function drawLine(sGrpId,grpId) {
    if (typeof(sGrpId) == "undefined"){
        var dtmbAnchor = $("#div_dtmb_pare .dtmb");
    }else{
        var dtmbAnchor = $("#s"+sGrpId+" .dtmb");
    }
    $.each(dtmbAnchor, function (i, n) {
        doDrawLine(n,grpId);
    })
}

<!--各设备连线-->
function doDrawLine(curDtmbAnchor,grpId) {
    var $curDtmbAnchor = $(curDtmbAnchor);
    var $parent = $curDtmbAnchor.parent();
    var parent = $parent[0];
    // var $vdiv_mid_width = $parent.find(".div_mid_width");
    var vdiv_dtmb_pare = document.getElementById("div_dtmb_pare");
    var ratio1, radio2, t1_radio, t2_radio, t3_radio, t4_radio, t5_radio,t55_radio, t6_radio, t7_radio ,t8_radio;
    // var tbtn1 = $(".active .show-para:eq(0)")[0];
    // var tbtn1 =$("#div_dtmb_pare .active .show-para")[0];
    var tbtn2 = $("#div_dtmb_pare .show-para:eq(0)").parent()[0];
    var tbtn3 = $("#div_dtmb_pare .show-para:eq(0)").parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent()[0];
    var p1 = parent.querySelector('.path1');
    var p2 = parent.querySelector('.path2');
    var p3 = parent.querySelector('.path3');
    var p4 = parent.querySelector('.path4');
    var p5 = parent.querySelector('.path5');
    var p6 = parent.querySelector('.path6');
    var p7 = parent.querySelector('.path7');
    var p8 = parent.querySelector('.path8');
    var p9 = parent.querySelector('.path9');
    var p10 = parent.querySelector('.path10');
    var p11 = parent.querySelector('.path11');
    if (vdiv_dtmb_pare.clientWidth > 250) {
        $curDtmbAnchor.show();
        var ratio5 = tbtn2.offsetLeft;
        var ratio6 = tbtn3.offsetLeft;
        // console.log(ratio5,ratio6)
        var ratio7=ratio5+ratio6;
        radio2 = ratio7/30;
        t5_radio = 75 * radio2;
        t55_radio = 100 * radio2;
        t6_radio = 140 * radio2;
        t7_radio = 190 * radio2;
        t8_radio = 230 * radio2;
        if(grpId=='10'){
            p7.setAttribute('points', t5_radio + " 150," + t55_radio + " 150," + t6_radio + " 150," + t6_radio + " 102");
            p8.setAttribute('points', t5_radio + " 40," + t55_radio + " 40," + t6_radio + " 40," + t6_radio + " 90");
            p10.setAttribute('points', t6_radio + " 90," + t7_radio + " 90," + t8_radio + " 90");
            p11.setAttribute('points', t6_radio + " 102," + t7_radio + " 102," + t8_radio + " 102");
        }
    } else {
        p7.setAttribute('points', "");
        p8.setAttribute('points', "");
        p10.setAttribute('points', "");
        p11.setAttribute('points', "");
        $curDtmbAnchor.hide()
    }
}


